/* 这个专门用来博客列表页的设计 */
.right{
    width: 100%;
    padding: 30px;
}

/* 设置博客标题 */
.blog .title{
    font-size: 20px;
    /* 字体加粗 */
    font-weight: 700;
    /* 水平居中 */
    text-align: center;
    padding: 20px;
}

/* 博客日期 */
.blog .date{
    text-align: center;
    color: rgb(52, 105, 52) ;
    padding: 10px;
}

/* 首行缩进2字符 */
.blog .desc{
    text-indent: 2em;
}


/* 查看全文的链接 */
.blog .detail{
    display: block;
    /* 设置大小 */
    height: 40px;
    width: 100px;
    /* 元素内文字水平垂直居中 */
    text-align: center;
    line-height: 40px;
    /* 整个元素水平居中 */
    margin: 0 auto;
    /* 去掉下划线 */
    text-decoration: none;
    /* 设置边框 */
    border: 2px solid;
    border-radius: 5px;
}

/* 鼠标移动到链接上去就改变颜色 */
.blog .detail:hover{
    color: grey;
}

